<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>云端新闻</title>
    <link rel="stylesheet" href="css/style_newsdetail.css">
    <link rel="stylesheet" href="css/style_about.css">
    <style>
        [v-clock]{
            display: none;
        }
    </style>
    <script type="text/javascript">
        function goBottom() {/* 向下跳转*/
            window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);
        }
    </script>
</head>
<body>
<!--导航栏-->
<div class="top_bar">
    <span><img src="img/LOGO.jpg" width="240" height="60" alt="云端工作室"></span>
    <ul class="nav">
        <li><a class="on" href="index.html" style="text-decoration: none">首　页</a></li>
        <li><a href="gzsbk.html">工作室板块</a></li>
        <li><a href="news.html" style="color: #67b803">新闻中心</a></li>
        <li><a href="human_resources.html" >人力资源</a></li>
        <li><a href="study.html">学习板块</a></li>
        <li><a href="javascript:void(0)" onclick="goBottom()">联系我们</a></li>
    </ul>
</div>
<div class="null"></div>

<div id="news_detail" style="width: 975px;
    margin: 40px auto 60px;
    font-size: 16px;
    position: relative;">
    <div style="    width: 100%;
    font-size: 19px;
    font-weight: 200;
    color: #333;
    line-height: 50px;
    margin: 28px 0 10px;"><h1>团建开展定向越野活动</h1></div>
    <div style="font-size: 18px">
        <p style="float: left">云端就业工作室</p>
        <time style="margin-left: 20px">2021/3/7</time>
    </div>
    <div class="news_img" style="margin: 25px auto 30px auto">
        <img src="https://p0.ssl.img.360kuai.com/t01fdf830ef6cf2b470.webp" alt="" style="width: 975px">
    </div>
    <div class="content" style="font-size: 21px;line-height: 40px">
        <p>  为了此次的活动，工作室伙伴和爱协伙伴一起精心准备了定向越野的小游戏。在这个游戏中我们需要一张地图，根据地图到达指定地点。为了增加游戏难度，我们还设立黑衣人惩罚规则，让此次游戏更加紧张刺激，同时也增进了工作室伙伴之间的交流。</p>
    </div>


</div>


    <!--置顶按钮-->
    <div class="bottom-bar-item" style="float:right;">
        <a href="#"><img src="img/up_arrow1.png" alt="" style="padding: 7px;"></a>
    </div>
    <!--联系我们-->
    <div class="blackscreen1">
        <div class="blackscreen2">
            <ul class="item2" style="padding-left: 100px;">
                <a class="bottom_title" style="font-size: 23px;padding-right:20px;color: #FFFFFF;"><br>上级部门</a><br>
                <a href="http://www.gogotoo.net/" target="_blank">云端科技有限公司</a><br>
                <a>招生就业处</a>
            </ul>
            <ul class="item1">
                <a class="bottom_title" style="font-size: 23px;color: #FFFFFF;padding-left: 70px;"><br>关于</a><br>
                <a href="study.html">学习板块</a><br>
                <a href="competition.html">比赛项目</a><br>
                <a href="news.html">新闻中心</a><br>
                <a href="human_resources.html">人力资源</a><br>
            </ul>
            <div style="float: left;padding-top:75px">
                <img src="img/LOGO2.png" style="width: 360px;height: 100px;padding-right: 0px">
            </div>
            <ul class="item3" style="padding-left: 65px">
                <a class="bottom_title" style="font-size: 23px;color: #FFFFFF;"><br>联系我们</a><br>
                <a>QQ:1352834940</a><br>
                <a>邮箱:1352834940@qq.com</a><br>
                <a>微信:hy15180043828</a><br>
                <a>电话:15180043828</a><br>
            </ul>
            <ul class="item4" style="padding-left: 60px">
                <a class="bottom_title" style="font-size: 23px;color: #FFFFFF;"><br>友好社团</a><br>
                <a>爱心公益协会</a><br>
                <a>鸣鹿工作室</a><br>
                <a>巅峰之家</a><br>
                <a>南昌工程学院军官教导团</a><br>
            </ul>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"> </script>
<script>
    const news_detail = new Vue({
        el:news_detail,
        data:{
            newsList:[],
        },
        methods:{

        },
        created:function() {
            axios.post("http://localhost/getNewsById").then(res => {
                console.log(res.data);
                this.student = res.data.data;
            }).catch(e => {
                console.log(e);
            })
        }
    });

</script>

</body>
</html>